<!DOCTYPE html>
<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<style type="text/css">
			.log_c {
				width: 480px;
				height: 385px;
				overflow: hidden;
				background-color: #FFF;
				float: right;
				display: inline;
				margin-top: 10px;
				margin-right: 10px;
				margin-bottom: 10px;
				-webkit-box-shadow: 0 0 5px #e0e0e0;
				-moz-box-shadow: 0 0 5px #e0e0e0;
				box-shadow: 0 0 5px #e0e0e0;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
			}

			.l_pwd {
				width: 240px;
				height: 38px;
				line-height: 38px\9;
				overflow: hidden;
				background: url(../images/i_pwd.png) no-repeat 285px center;
				background-color: #FFF;
				color: #888888;
				font-size: 14px;
				font-family: "Microsoft YaHei";
				padding: 0 40px 0 10px;
				border: 1px solid #cccccc;
			}
			.l_user{
				width:240px; 
				height:38px; 
				line-height:38px\9; 
				overflow:hidden; 
				background:url(../images/i_u.png) no-repeat 285px center; 
				background-color:#FFF; color:#888888; 
				font-size:14px; 
				font-family:"Microsoft YaHei"; 
				padding:0 40px 0 10px; 
				border:1px solid #cccccc;
			}
		</style>
		<link type="text/css" rel="stylesheet" href="css/styleChange.css" />
	</head>
	<body>
		<!--Begin Header Begin-->
		<div class="soubg">
			<div class="sou">
				<span class="fr">
					<span class="fl">&nbsp;关注我们：</span>
					<span class="s_sh"><a href="#" class="sh1">新浪</a><a href="#" class="sh2">微信</a></span>
					<span class="fr">|&nbsp;<a href="#">手机版&nbsp;<img src="images/s_tel.png" align="absmiddle" /></a></span>
				</span>
			</div>
		</div>
		<!--End Header End-->
		<!--Begin Login Begin-->
		<div class="log_bg">
			<div class="top">
				<div class="logo"><a href="Index.html"><img src="images/logo.png" /></a></div>
			</div>
			<div class="login">
				<div class="log_img"><img src="images/l_img.png" width="611" height="500" /></div>
				<div class="log_c">
					<form>			
						<table border="0" style="width:400px; font-size:14px; margin-top:30px;" cellspacing="0" cellpadding="0">
									<span  style="font-size:20px;text-align: center;display:inline-block;width: 100%;padding-top: 20px;">找回密码</span>					
							<tr height="70">
								<td style="width: 80px;">用&nbsp; &nbsp; 户&nbsp; &nbsp; 名</td>
								<td><input type="text" value="" class="l_user" /></td>
							</tr>
							<tr height="70">
								<td>请输入密码</td>
								<td><input type="password" value="" class="l_pwd" autocomplete="off"  /></td>
							</tr>
							<tr height="70">
								<td>请确认密码</td>
								<td><input type="password" value="" class="l_pwd" autocomplete="off"  /></td>
							</tr>
						<span class="addWrongInfo" style="color: red; margin-top: 500px "></span>
						<tr height="60">								
								<td>&nbsp;</td>							
								<td><input type="submit" value="完成" class="log_btn" /></td>
							</tr>
						</table>
					</form>
				</div>
			</div>
		</div>
		<div class="btmbg">
			<div class="btm">
				备案/许可证编号：蜀ICP备12009302号-1-www.dingguagua.com Copyright © 2015-2018 尤洪商城网 All Rights Reserved. 复制必究 , Technical
				Support: Dgg Group <br />
				<img src="images/b_1.gif" width="98" height="33" /><img src="images/b_2.gif" width="98" height="33" /><img src="images/b_3.gif"
				 width="98" height="33" /><img src="images/b_4.gif" width="98" height="33" /><img src="images/b_5.gif" width="98"
				 height="33" /><img src="images/b_6.gif" width="98" height="33" />
			</div>
		</div>
		
		<script src="js/jquery-1.8.2.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">			
			//密码正则判断
			$(".l_pwd").first().blur(function() {
				var userName = $(".l_pwd").first().val();
				var ret = /^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{6,20}$/;
				if (!ret.test(userName)) {
					$(".addWrongInfo").html("*密码格式错误！6-20位,需包含字母数字");
				} else {
					$(".addWrongInfo").html("");
				}
			});
			
			//密码正则判断
			$(".l_pwd").last().blur(function() {
				var userNameFirst = $(".l_pwd").first().val();
				var userNameLast = $(".l_pwd").last().val();		
				var ret = /^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{6,20}$/;
				if ( userNameLast != userNameFirst) {
					$(".addWrongInfo").html("*密码格式错误！必须和上面密码一致！");
				} else {
					$(".addWrongInfo").html("");
				}
			
			});
			
			
			
		</script>
	</body>
</html>
